 //@charset "UTF-8" ;


//@import "./layout.scss"  ;    //引入 
@import './layout.scss' ;

     //按钮的小模块
@mixin btn($size:14px ,$color:#fff,$bgc:red ,$padding:5px, $radius:5px) {
            padding: $padding ;
            background-color: $bgc;
            border-radius: $radius;
            border: 1px solid  $bgc;
            font-size: $size ;
            color: $color ;
            line-height: 1 ;    //按钮绝大部分都是居正对齐
            text-align : center ;
            display : inline-block;

} ;
          //纵向列表
@mixin list($dirrction:column,) {
    @include  flex($dirrction);     // 先导入了layout 再继承
 }  ;


      //面板
@mixin panel($bgc:#fff , $padding:0 ,$margin: 0 ,
             $height:50px ,$txtPadding: 0 1px,  //    $height:112px      $txtPadding :32px
             $color:#333 ,$fongSize:20px) {  //32px
                
        background: $bgc ;
        padding: $padding;
        margin: $margin;
        >h4{
            height :$height;
            line-height: $height ;
            white-space: nowrap  ;   //禁止换行
           padding: $txtPadding;
            text-overflow: ellipsis ;   //  超出部分 ...
            overflow: hidden;
            text-align: center ;
           
            color: $color ;
            font-size: $fongSize ;
        }
}


